<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet"href="../CSS/secondcss.css" type="text/css">
</head>
<body>
<!--（1）第一种方式：div（父元素）高度不固定，height的值是百分比-->
<div class="Outermost">

    <div class="Outermost1">
        <div class="center">第一种方式</div>
    </div>

</div>

<!--第二种方式：div（父元素）高度固定，height的值单位是px-->

<!--第一种方法-->
<div class="Outermost2">
    <div class="center1">第二种方式:<br>第一种方法</div>
</div>

<!--第二种方法-->
<div class="Outermost2">
    <div class="center2">第二种方法</div>
</div>

<!--第三种方法-->
<div class="Outermost2">
    <div class="center3">第三种方法</div>
</div>

<!--第四种方法-->
<div class="Outermost2">
    <div class="center4">第四种方法</div>
</div>

<!--第五种方法-->
<div class="Outermost2">
    <div class="center5">第五种方法</div>
</div>

</body>
</html>